<div draggable mat-dialog-title>
  <h6>{{this.getTitle()}}</h6>
  <button mat-button matSuffix mat-icon-button (click)="dialogRef.close('Close')" matTooltip="{{'close' | translate}}">
    <mat-icon svgIcon="close" style="color: darkblue;"></mat-icon>
  </button>
</div>

<div mat-dialog-content>
  <div echarts [options]="hChartOptions" style="height: 200px;width: 100%;" (chartInit)="onHChartInit($event)"></div>
  <div class="bhhist"></div>
  <div echarts [options]="bChartOptions" style="height: 200px;width: 100%;" (chartInit)="onBChartInit($event)"></div>
</div>

<div mat-dialog-actions>
  <button mat-button (click)="dialogRef.close('Close')">{{"close" | translate}}</button>
</div>
